<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>🏆Boundless(无边收银系统)，基于 Ant Design 设计语言的 收银系统,</title>
  <!-- css  -->
  <link rel="stylesheet" href="static/css/style.css">
  <link rel="stylesheet" href="static/css/slider.css">

  <!-- swipper  -->
  <link rel="stylesheet" href="static/css/swiper-bundle.min.css">

  <!-- tailwind cdn -->
  <link href="static/css/full.min.css" rel="stylesheet" type="text/css">
  <script src="static/js/js.js"></script>

  <!-- font  -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="static/css/css2.css" rel="stylesheet">
  <!-- icon       -->
  <link rel="icon" href="/images/logo.png" type="image/x-icon">
  <script src="static/js/9710cf8566.js" crossorigin="anonymous"></script>


</head>

<body class="figtree">
  <header>

    <!-- nav  -->
    <header class=' bg-white px-10 py-3  
    tracking-wide relative '>
      <div class='flex flex-wrap items-center max-xl:gap-y-6 max-sm:gap-x-4'>
        <a href="javascript:void(0)" class="text-3xl md:text-md font-bold text-[#4E2FDA] tracking-wide">
         <div class="flex items-center gap-2">
          <span class="text-[#4E2FDA] text-md">🏆Boundless</span>
         </div>
        </a>

        <div id="collapseMenu" class="max-xl:hidden xl:!flex xl:items-center max-xl:before:fixed max-xl:before:bg-black max-xl:before:opacity-40 max-xl:before:inset-0 max-xl:before:z-50">
          <button id="toggleClose" class='xl:hidden fixed top-2 right-4 z-[100] rounded-full bg-white p-3'>
            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 fill-black" viewbox="0 0 320.591 320.591">
              <path d="M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z" data-original="#000000"></path>
              <path d="M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z" data-original="#000000"></path>
            </svg>
          </button>

          <ul class='xl:flex xl:gap-x-10 xl:absolute xl:left-1/2 xl:-translate-x-1/2 max-xl:space-y-3 max-xl:fixed max-xl:bg-white max-xl:w-2/3 max-xl:min-w-[300px] max-xl:top-0 max-xl:left-0 max-xl:px-10 max-xl:py-4 max-xl:h-full max-xl:shadow-md max-xl:overflow-auto z-50'>
            

            <li class='flex flex-shrink max-xl:border-b max-xl:py-3'>
              <a href='#about' class='text-[#090b0e] hover:text-[#4E2FDA]  text-[15px]  block font-bold'>
                关于</a>
            </li>
            <li class='flex flex-shrink max-xl:border-b max-xl:py-3'>
              <a href='#price' class='text-[#090b0e] hover:text-[#4E2FDA] text-[15px]  block font-bold'>报价</a>
            </li>


          </ul>
        </div>

        <div class='flex items-center ml-auto space-x-8'>


          <button onclick="window.location.href='https://gitee.com/cookies_code/boundless'" id="free-btn" class="hidden lg:flex items-center space-x-2 px-2 pl-3 gap-1  bg-[#4E2FDA] text-white font-semibold py-2  rounded-full hover:bg-orange-600 transition duration-200">
            <span class="">🌟Get Started</span>

            <svg width="31" height="31" class="bg-white rounded-full p-2" viewbox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6.39052 7.74418V6.65037C6.41538 6.17805 6.78826 5.80516 7.23573 5.80516L16.906 5.7803C17.3783 5.80516 17.7512 6.17805 17.7512 6.62551V16.3206C17.7512 16.7681 17.3783 17.141 16.906 17.1658H15.8122C15.3398 17.141 14.967 16.7681 14.9421 16.2958L15.0912 10.429L7.95665 17.5636C7.60862 17.9116 7.11143 17.9116 6.7634 17.5636L5.96791 16.7681C5.64474 16.4449 5.61988 15.9229 5.96791 15.5748L13.1025 8.44024L7.26059 8.61425C6.78826 8.58939 6.39052 8.24136 6.39052 7.74418Z" fill="#090B0E"></path>
            </svg>
          </button>
          <button id="toggleOpen" class='xl:hidden'>
            <svg class="w-7 h-7" fill="#000" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
            </svg>
          </button>
        </div>
      </div>


    </header>
    <!-- hero  -->
    <section class="hero lg:mb-20 mb-10 ">
      <div class="relative ">
        <div class="flex md:flex-col flex-col lg:flex-row gap-20 xl:gap-28 items-center py-10 lg:py-20 lg:mb-32 xl:px-28 lg:px-10 sm:px-10 px-5">
          <div class="text-center lg:text-left justify-center space-y-4 animate">
            <h2 class="text-[#090b0e] font-semibold lg:text-6xl md:text-3xl text-xl lg:max-w-80 max-w-[100%] flex lg:justify-start justify-center">
              🖥基于 Ant Design 设计语言的 收银系统</h2>
            <p class="text-base text-[#3d4c5e] lg:max-w-80 max-w-[100%]">
              🦄介绍 
              Boundless，基于 Ant Design 设计语言的 收银系统，致力于将精美好用的收银系统带入商超</p>
            <div class="flex items-center sm:flex-row flex-col gap-4 sm:gap-10 justify-center lg:justify-start">
              <button onclick="window.location.href='https://gitee.com/cookies_code/boundless'" class="flex items-center space-x-2 px-2 pl-3 gap-1  bg-[#4E2FDA] text-white font-semibold py-2  rounded-full hover:bg-orange-600 transition duration-200">
                <span class="">🌟Get Started</span>

                <svg width="31" height="31" class="bg-white rounded-full p-2" viewbox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6.39052 7.74418V6.65037C6.41538 6.17805 6.78826 5.80516 7.23573 5.80516L16.906 5.7803C17.3783 5.80516 17.7512 6.17805 17.7512 6.62551V16.3206C17.7512 16.7681 17.3783 17.141 16.906 17.1658H15.8122C15.3398 17.141 14.967 16.7681 14.9421 16.2958L15.0912 10.429L7.95665 17.5636C7.60862 17.9116 7.11143 17.9116 6.7634 17.5636L5.96791 16.7681C5.64474 16.4449 5.61988 15.9229 5.96791 15.5748L13.1025 8.44024L7.26059 8.61425C6.78826 8.58939 6.39052 8.24136 6.39052 7.74418Z" fill="#090B0E"></path>
                </svg>
              </button>
            </div>


          </div>
          <div class="img w-1/2">
            <img src="static/picture/hero1.png" alt="hero image">
          </div>
        </div> 

    </section>
  </header>
  <main>
    <!-- about  -->
  <section class="py-10" id="about">
  <div class="container mx-auto px-4">
    <div class="grid grid-cols-1 md:grid-cols-3 gap-8 items-center">
      <!-- Left Text Section -->
      <div class="md:col-span-1">
        <span class="text-gray-500">Our Story</span>
        <h2 class="text-4xl font-bold mt-2">📌关于Boundless</h2>
        <p class="text-lg text-gray-700 mt-4">
          基于 Ant Design 设计语言的 收银系统，致力于将精美好用的收银系统带入商超。
        </p>
        <a class="inline-block bg-[#4E2FDA] text-white px-6 py-3 rounded mt-4 hover:bg-blue-700 transition" href="https://gitee.com/cookies_code/boundless">
          🛒去下载Demo
        </a>
      </div>

      <!-- Image Section -->
      <div class="md:col-span-1 flex justify-center">
        <img class="w-full max-w-sm rounded " src="static/picture/seo1.png" alt="About Us">
      </div>

      <!-- Right Text Section -->
      <div class="px-4">
            <h2 class="text-4xl font-bold mt-2">✨ 特性</h2>
            <br >
            <div class="flex flex-col space-y-3 text-[#212529] text-base md:flex-col text-center justify-center mx-auto md:items-baseline items-center">

              <div class="flex gap-1 items-center ">

                <span class="class=max-w-[80%]">🌈 全局主题色，随时切换各种颜色</span>

              </div>
              <div class="flex gap-1 items-center ">

                <span class="class=max-w-[80%]">🎨 全局主题图标，随时附加各种主题图标</span>

              </div>
              <div class="flex gap-1 items-center ">

                <span class="class=max-w-[80%]">🚀 在 Windows系统上完美的兼容，对触屏提供最好的支持</span>

              </div>
              <div class="flex gap-1 items-center">

                <span class="class=max-w-[80%]">📦 强大的功能，全面的收银系统功能</span>

              </div>
              <div class="flex gap-1 items-center">

                <span class="class=max-w-[80%]">💎 强大全面的促销方式方案</span>

              </div>
              <div class="flex gap-1 items-center">

                <span class="class=max-w-[80%]">👚 跟随主机的黑白主题切换</span>

              </div>
              <div class="flex gap-1 items-center">

                <span class="class=max-w-[80%]">🦜 设计精美的画面</span>

              </div>
              <div class="flex gap-1 items-center">

                <span class="class=max-w-[80%]">👓 DPI 自适应</span>

              </div>
              <div class="flex gap-1 items-center">

                <span class="class=max-w-[80%]">🌍 可支持全球化，语言切换</span>

              </div>

              <button class="flex items-center text-center space-x-2 px-2 pl-3 gap-1  bg-[#4E2FDA] text-white font-semibold py-2  rounded-full hover:[#4E2FDA] transition duration-200">
                <a href="https://gitee.com/cookies_code/boundless">
                  🛒去下载Demo
                </a>

                <svg width="31" height="31" class="bg-white rounded-full p-2" viewbox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6.39052 7.74418V6.65037C6.41538 6.17805 6.78826 5.80516 7.23573 5.80516L16.906 5.7803C17.3783 5.80516 17.7512 6.17805 17.7512 6.62551V16.3206C17.7512 16.7681 17.3783 17.141 16.906 17.1658H15.8122C15.3398 17.141 14.967 16.7681 14.9421 16.2958L15.0912 10.429L7.95665 17.5636C7.60862 17.9116 7.11143 17.9116 6.7634 17.5636L5.96791 16.7681C5.64474 16.4449 5.61988 15.9229 5.96791 15.5748L13.1025 8.44024L7.26059 8.61425C6.78826 8.58939 6.39052 8.24136 6.39052 7.74418Z" fill="#090B0E"></path>
                </svg>
              </button>
            </div>
          </div>
    </div>
  </div>
</section>

    
    <!-- service  -->


    <!-- SEO Solution  -->


    <!-- Pricing Plan  -->
    <section id="price" class="bg-[#f6f8fa] xl:px-40 lg:px-10 px-5 lg:my-20 my-10">
      <div class="py-7">
        <div class="text-center space-y-3 mb-4 md:mb-10">
          <h2 class="text-[#090b0e] lg:text-4xl md:text-3xl text-xl font-bold">
            Boundless 收银系统定价
          </h2>
        </div>
        <div>
          <div class="grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 gap-4">
            <!-- 1 -->
            <div class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
              <div class="">
                <h2 class="text-xl text-[#090b0e] font-semibold mb-2">部分定制</h2>
                <p class="text-gray-700 mb-6">
                  为您定制适合您的 Boundless 收银系统</p>

              </div>
              <hr class="my-7">
              <div class="flex justify-start items-end">
                <span class="text-4xl font-bold">￥999</span>
                <span class="text-gray-500">/年</span>
              </div>

              <button class="flex w-full items-center justify-center my-7 space-x-2 px-10 gap-1  bg-[#4E2FDA] text-white font-semibold py-2  rounded-full hover:bg-orange-600 transition duration-200">
                <span class="text-center">选择此定价</span>

                <svg width="31" height="31" class="bg-white rounded-full p-2" viewbox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6.39052 7.74418V6.65037C6.41538 6.17805 6.78826 5.80516 7.23573 5.80516L16.906 5.7803C17.3783 5.80516 17.7512 6.17805 17.7512 6.62551V16.3206C17.7512 16.7681 17.3783 17.141 16.906 17.1658H15.8122C15.3398 17.141 14.967 16.7681 14.9421 16.2958L15.0912 10.429L7.95665 17.5636C7.60862 17.9116 7.11143 17.9116 6.7634 17.5636L5.96791 16.7681C5.64474 16.4449 5.61988 15.9229 5.96791 15.5748L13.1025 8.44024L7.26059 8.61425C6.78826 8.58939 6.39052 8.24136 6.39052 7.74418Z" fill="#090B0E"></path>
                </svg>
              </button>
              <div class="bg-[#f6f8fa]  p-6 my-6 ">
                <h2 class="text-xl font-medium text-[#090b0e] mb-4">该定价的专属权益:</h2>
                <ul class="space-y-3">
                  <li class="flex gap-2"><svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 bg-[#4E2FDA] text-white rounded-full p-1" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                    </svg>数据对接</li>
                  <li class="flex gap-2"><svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 bg-[#4E2FDA] text-white rounded-full p-1" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                    </svg>促销打通</li>
                </ul>
              </div>
              <p class="text-[#3d4c5e]">希望帮助您的门店进行更好更全面的收银.</p>
            </div>
            <!-- 2  -->

            <div class="bg-[#4E2FDA] shadow-md rounded px-8 pt-6 pb-8 mb-4">
              <div class="">
                <h2 class="text-xl text-[#ffffff] font-semibold mb-2">全面定制</h2>
                <p class="text-[#ffffff] mb-6">
                  为您专人定制您需求的特色功能</p>

              </div>
              <hr class="my-7">
              <div class="flex justify-start items-end text-[#ffffff]">
                <span class="text-4xl font-bold">￥1299</span>
                <span class="text-[#ffffff]">/年</span>
              </div>

              <button class="flex w-full items-center justify-center my-7 space-x-2 px-10 gap-1  bg-[#090b0e] text-white font-semibold py-2  rounded-full hover:bg-orange-600 transition duration-200">
                <span class="text-center">选择此定价</span>

                <svg width="31" height="31" class="bg-white rounded-full p-2" viewbox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6.39052 7.74418V6.65037C6.41538 6.17805 6.78826 5.80516 7.23573 5.80516L16.906 5.7803C17.3783 5.80516 17.7512 6.17805 17.7512 6.62551V16.3206C17.7512 16.7681 17.3783 17.141 16.906 17.1658H15.8122C15.3398 17.141 14.967 16.7681 14.9421 16.2958L15.0912 10.429L7.95665 17.5636C7.60862 17.9116 7.11143 17.9116 6.7634 17.5636L5.96791 16.7681C5.64474 16.4449 5.61988 15.9229 5.96791 15.5748L13.1025 8.44024L7.26059 8.61425C6.78826 8.58939 6.39052 8.24136 6.39052 7.74418Z" fill="#090B0E"></path>
                </svg>
              </button>
              <div class="bg-[#4E2FDA]  p-6 my-6 text-[#ffffff]">
                <h2 class="text-xl font-medium text-[#ffffff] mb-4">该定价的专属权益:</h2>
                <ul class="space-y-3">
                  <li class="flex gap-2"><svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 bg-[#4E2FDA] text-white rounded-full p-1" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                  </svg>数据对接</li>
                <li class="flex gap-2"><svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 bg-[#4E2FDA] text-white rounded-full p-1" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                  </svg>促销打通</li>
                <li class="flex gap-2"><svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 bg-[#4E2FDA] text-white rounded-full p-1" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                  </svg>功能定制</li>

                </ul>
              </div>
              <p class="text-[#ffffff]">希望帮助您的门店进行更好更全面的收银.</p>
            </div>

            <!-- 3 -->

            <div class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
              <div class="">
                <h2 class="text-xl text-[#090b0e] font-semibold mb-2">基础定制</h2>
                <p class="text-gray-700 mb-6">
                  使用基础的Boundless功能</p>

              </div>
              <hr class="my-7">
              <div class="flex justify-start items-end">
                <span class="text-4xl font-bold">￥799</span>
                <span class="text-gray-500">/年</span>
              </div>

              <button class="flex w-full items-center justify-center my-7 space-x-2 px-10 gap-1  bg-[#4E2FDA] text-white font-semibold py-2  rounded-full hover:bg-orange-600 transition duration-200">
                <span class="text-center">选择此定价</span>

                <svg width="31" height="31" class="bg-white rounded-full p-2" viewbox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6.39052 7.74418V6.65037C6.41538 6.17805 6.78826 5.80516 7.23573 5.80516L16.906 5.7803C17.3783 5.80516 17.7512 6.17805 17.7512 6.62551V16.3206C17.7512 16.7681 17.3783 17.141 16.906 17.1658H15.8122C15.3398 17.141 14.967 16.7681 14.9421 16.2958L15.0912 10.429L7.95665 17.5636C7.60862 17.9116 7.11143 17.9116 6.7634 17.5636L5.96791 16.7681C5.64474 16.4449 5.61988 15.9229 5.96791 15.5748L13.1025 8.44024L7.26059 8.61425C6.78826 8.58939 6.39052 8.24136 6.39052 7.74418Z" fill="#090B0E"></path>
                </svg>
              </button>
              <div class="bg-[#f6f8fa]  p-6 my-6 ">
                <h2 class="text-xl font-medium text-[#090b0e] mb-4">该定价的专属权益:</h2>
                <ul class="space-y-3">
                  <li class="flex gap-2"><svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7 bg-[#4E2FDA] text-white rounded-full p-1" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                  </svg>数据对接</li>

                </ul>
              </div>
              <p class="text-[#3d4c5e]">希望帮助您的门店进行更好更全面的收银.</p>
            </div>

          </div>
        </div>

      </div>

    </section>

    <!-- Our Team  -->

    

    <!-- client  -->


    <!-- Our Latest Blog & News  -->


  </main>
  <footer class="bg-black">


    <!-- bottom  f-->
    <div class="mx-auto container py-16  md:px-16 lg:pt-52 pt-16 lg:pb-20 lg:px-24">
      <!--- more free and premium Tailwind CSS components at https://tailwinduikit.com/ --->
      <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 gap-8 px-10">
        <div class="flex flex-col flex-shrink-0 space-y-2 mx-auto">
          

          <p class="text-sm text-white max-w-60">
            🦄 介绍<br >
            Boundless，基于 Ant Design 设计语言的 收银系统，致力于将精美好用的收银系统带入商超。
          </p>
          <div class="flex items-center gap-x-4 mt-12">
            <button aria-label="instagram" class="focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-800  w-8 h-8 flex-shrink-0 bg-[#4E2FDA] cursor-pointer hover:bg-gray-700 rounded-full flex items-center justify-center">
              <i class="fa-brands fa-facebook bg-[#4E2FDA] text-white rounded-full"></i>
            </button>
            <button aria-label="instagram" class="focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-800  w-8 h-8 flex-shrink-0 bg-[#4E2FDA] cursor-pointer hover:bg-gray-700 rounded-full flex items-center justify-center">
              <svg width="18" height="17" class="bg-[#4E2FDA]" viewbox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.00081 0.233398C6.68327 0.233398 6.39243 0.243215 5.48219 0.283343C4.57374 0.323644 3.95364 0.462973 3.41106 0.667403C2.84981 0.87855 2.37372 1.161 1.8994 1.62066C1.42473 2.08016 1.13317 2.54137 0.914502 3.08491C0.702944 3.61071 0.558942 4.2116 0.518053 5.09132C0.477342 5.97311 0.466675 6.25504 0.466675 8.50015C0.466675 10.7453 0.476986 11.0262 0.518231 11.9079C0.560009 12.788 0.703833 13.3887 0.914679 13.9144C1.13282 14.4581 1.42437 14.9193 1.89887 15.3788C2.37301 15.8386 2.8491 16.1218 3.40999 16.3329C3.95293 16.5373 4.57321 16.6767 5.48148 16.717C6.39171 16.7571 6.68238 16.7669 8.99974 16.7669C11.3175 16.7669 11.6074 16.7571 12.5176 16.717C13.4261 16.6767 14.0469 16.5373 14.5898 16.3329C15.1509 16.1218 15.6263 15.8386 16.1004 15.3788C16.5751 14.9193 16.8667 14.4581 17.0853 13.9145C17.2951 13.3887 17.4391 12.7878 17.4818 11.9081C17.5227 11.0263 17.5333 10.7453 17.5333 8.50015C17.5333 6.25504 17.5227 5.97328 17.4818 5.09149C17.4391 4.21143 17.2951 3.61071 17.0853 3.08508C16.8667 2.54137 16.5751 2.08016 16.1004 1.62066C15.6258 1.16082 15.1511 0.878377 14.5893 0.667403C14.0453 0.462973 13.4249 0.323644 12.5164 0.283343C11.6062 0.243215 11.3164 0.233398 8.99814 0.233398H9.00081ZM8.23525 1.72311C8.46245 1.72277 8.71597 1.72311 9.00077 1.72311C11.2792 1.72311 11.5492 1.73104 12.449 1.77065C13.281 1.8075 13.7326 1.94218 14.0334 2.05533C14.4316 2.20517 14.7155 2.38428 15.014 2.67362C15.3127 2.96295 15.4976 3.23851 15.6526 3.62429C15.7694 3.91535 15.9086 4.3528 15.9464 5.15881C15.9873 6.03026 15.9962 6.29204 15.9962 8.49823C15.9962 10.7044 15.9873 10.9662 15.9464 11.8377C15.9084 12.6437 15.7694 13.0811 15.6526 13.3722C15.4979 13.758 15.3127 14.0327 15.014 14.3218C14.7153 14.6112 14.4318 14.7903 14.0334 14.9401C13.7329 15.0538 13.281 15.1881 12.449 15.225C11.5494 15.2646 11.2792 15.2732 9.00077 15.2732C6.72217 15.2732 6.45212 15.2646 5.55256 15.225C4.72055 15.1878 4.26899 15.0531 3.96801 14.9399C3.56978 14.7901 3.28533 14.611 2.98666 14.3216C2.68799 14.0323 2.5031 13.7574 2.34808 13.3715C2.23128 13.0804 2.09208 12.643 2.05421 11.837C2.01332 10.9655 2.00514 10.7037 2.00514 8.49617C2.00514 6.2886 2.01332 6.0282 2.05421 5.15674C2.09226 4.35073 2.23128 3.91329 2.34808 3.62188C2.50275 3.2361 2.68799 2.96054 2.98666 2.67121C3.28533 2.38187 3.56978 2.20276 3.96801 2.05258C4.26881 1.93891 4.72055 1.80457 5.55256 1.76755C6.33977 1.7331 6.64484 1.72277 8.23525 1.72105V1.72311ZM13.5558 3.09574C12.9905 3.09574 12.5318 3.53956 12.5318 4.08741C12.5318 4.63508 12.9905 5.07942 13.5558 5.07942C14.1212 5.07942 14.5799 4.63508 14.5799 4.08741C14.5799 3.53974 14.1212 3.09574 13.5558 3.09574ZM9.00082 4.25481C6.58071 4.25481 4.61855 6.15564 4.61855 8.50013C4.61855 10.8446 6.58071 12.7446 9.00082 12.7446C11.4209 12.7446 13.3824 10.8446 13.3824 8.50013C13.3824 6.15564 11.4209 4.25481 9.00082 4.25481ZM9.00079 5.74454C10.5717 5.74454 11.8453 6.97818 11.8453 8.50013C11.8453 10.0219 10.5717 11.2557 9.00079 11.2557C7.42975 11.2557 6.15632 10.0219 6.15632 8.50013C6.15632 6.97818 7.42975 5.74454 9.00079 5.74454Z" fill="white"></path>
              </svg>
            </button>
            <button aria-label="instagram" class="focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-800  w-8 h-8 flex-shrink-0 bg-[#4E2FDA] cursor-pointer hover:bg-gray-700 rounded-full flex items-center justify-center">
              <i class="fa-brands fa-linkedin bg-[#4E2FDA] text-white"></i>
            </button>

            <button aria-label="instagram" class="focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-800  w-8 h-8 flex-shrink-0 bg-[#4E2FDA] cursor-pointer hover:bg-gray-700 rounded-full flex items-center justify-center">
              <svg width="18" height="13" viewbox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6677 1.17143C16.4021 1.36664 16.9804 1.94183 17.1767 2.67227C17.5333 3.99611 17.5333 6.75832 17.5333 6.75832C17.5333 6.75832 17.5333 9.52043 17.1767 10.8444C16.9804 11.5748 16.4021 12.15 15.6677 12.3453C14.3369 12.7 9.00001 12.7 9.00001 12.7C9.00001 12.7 3.66309 12.7 2.33218 12.3453C1.59783 12.15 1.0195 11.5748 0.823232 10.8444C0.466675 9.52043 0.466675 6.75832 0.466675 6.75832C0.466675 6.75832 0.466675 3.99611 0.823232 2.67227C1.0195 1.94183 1.59783 1.36664 2.33218 1.17143C3.66309 0.81665 9.00001 0.81665 9.00001 0.81665C9.00001 0.81665 14.3369 0.81665 15.6677 1.17143ZM7.40002 4.43326V9.59993L11.6667 7.01669L7.40002 4.43326Z" fill="white"></path>
              </svg>
            </button>
          </div>
        </div>
        <div class="flex flex-col mx-auto">
          <h2 class="lg:text-2xl text-base font-bold text-white mb-2">相关链接</h2>
          <a href="https://ant-design.antgroup.com/components/overview-cn" class="focus:outline-none focus:underline hover:text-gray-500 text-base leading-4 mt-6 text-white cursor-pointer">Ant Design</a>
          <a href="https://www.reactiveui.net/" class="focus:outline-none focus:underline hover:text-gray-500 text-base leading-4 mt-6 text-white cursor-pointer">ReactiveUi</a>
          <a href="https://freesql.net/" class="focus:outline-none focus:underline hover:text-gray-500 text-base leading-4 mt-6 text-white cursor-pointer">FreeSql</a>
        </div>
        <div class="flex flex-col mx-auto">
          <h2 class="lg:text-2xl text-base font-bold text-white mb-2">联系我们</h2>
          <div class="text-left flex justify-start">
            <ul class="space-y-4 text-sm">
              <li>
                <a class="flex items-center justify-start gap-1.5 group" href="">
                  <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white shrink-0" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
                  </svg>

                  <span class="text-white transition group-hover:text-white/75">
                    13041064141@163.com
                  </span>
                </a>
              </li>
              <li class="flex items-start  gap-1.5 justify-start">
                <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white shrink-0" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
                  <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
                </svg>

                <address class="-mt-0.5 not-italic text-white max-w-40">
                  广东省广州市白云区鹤南中路
                </address>
              </li>
              <li>
                <a class="flex items-center justify-start gap-1.5 group" href="">
                  <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white shrink-0" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                  </svg>

                  <span class="text-white transition group-hover:text-white/75">
                    130-4106-4141
                  </span>
                </a>
              </li>


            </ul>
          </div>
        </div>
        <!-- subscribe button click then message will be shown -->
        <div class="lg:block hidden space-y-5">
            <h2 class="lg:text-2xl text-base font-bold text-white">添加我们咨询人员微信</h2>

          <div class="flex flex-1 gap-2 items-center px-4 rounded-full bg-[#f6f8fa]">
            <input type="email" placeholder="打开微信添加" class="w-80 box-border focus:outline-none bg-[#f6f8fa]">
        <button id="subscribeButton" class="flex items-center space-x-2 px-2 pl-3 py-1 gap-1 bg-[#4E2FDA] text-white font-semibold rounded-full hover:bg-blue-600 transition duration-200">
          <span>get</span>
          <svg width="31" height="31" class="bg-white rounded-full p-2" viewbox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6.39052 7.74418V6.65037C6.41538 6.17805 6.78826 5.80516 7.23573 5.80516L16.906 5.7803C17.3783 5.80516 17.7512 6.17805 17.7512 6.62551V16.3206C17.7512 16.7681 17.3783 17.141 16.906 17.1658H15.8122C15.3398 17.141 14.967 16.7681 14.9421 16.2958L15.0912 10.429L7.95665 17.5636C7.60862 17.9116 7.11143 17.9116 6.7634 17.5636L5.96791 16.7681C5.64474 16.4449 5.61988 15.9229 5.96791 15.5748L13.1025 8.44024L7.26059 8.61425C6.78826 8.58939 6.39052 8.24136 6.39052 7.74418Z" fill="#090B0E"></path>
          </svg>
        </button>
      </div>

      <p id="subscribeMessage" class="hidden text-green-500 mt-2 text-lg font-medium">
        ID：public008
    </p>

    </div>

    <script>
      document.getElementById("subscribeButton").addEventListener("click", function () {
        const message = document.getElementById("subscribeMessage");
        message.classList.remove("hidden");
      });
    </script>

      </div>
      <div class="mt-10 lg:hidden space-y-3 sm:space-y-5 px-5">
        <h2 class="lg:text-2xl text-base font-bold text-white">Subscribe Our Newsletter</h2>

        <div class="flex flex-1 gap-2 items-center px-4  rounded-full  bg-[#f6f8fa]">

          <input type="email" placeholder="Enter Your Email" class="w-full box-border focus:outline-none bg-[#f6f8fa]">
          <button class="mr-[-16px] flex justify-end items-center space-x-2 px-2 pl-3 py-1 gap-1  bg-[#4E2FDA] text-white font-semibold   rounded-full hover:bg-orange-600 transition duration-200">
            <span class="">Subscribe</span>

            <svg width="31" height="31" class="bg-white rounded-full p-2" viewbox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6.39052 7.74418V6.65037C6.41538 6.17805 6.78826 5.80516 7.23573 5.80516L16.906 5.7803C17.3783 5.80516 17.7512 6.17805 17.7512 6.62551V16.3206C17.7512 16.7681 17.3783 17.141 16.906 17.1658H15.8122C15.3398 17.141 14.967 16.7681 14.9421 16.2958L15.0912 10.429L7.95665 17.5636C7.60862 17.9116 7.11143 17.9116 6.7634 17.5636L5.96791 16.7681C5.64474 16.4449 5.61988 15.9229 5.96791 15.5748L13.1025 8.44024L7.26059 8.61425C6.78826 8.58939 6.39052 8.24136 6.39052 7.74418Z" fill="#090B0E"></path>
            </svg>
          </button>

        </div>
      </div>
      <div class="pt-6 mt-12 border-t mb-1 pb-1 border-gray-800 px-5">
        <div class="text-center sm:flex sm:justify-between sm:text-left">
          <p class="text-sm flex gap-7 justify-center md:justify-start">

            <!--a class="inline-block text-[#fff]  transition hover:text-[#4E2FDA]" href="">
              Terms & Conditions
            </a>

            <a class="inline-block text-[#fff]  transition hover:text-[#4E2FDA]" href="">
              Privacy Policy
            </a-->
          </p>

          <p class="mt-4 text-sm text-gray-500 sm:order-first sm:mt-0">
           Copyright &copy; 2024.Company name All rights reserved.
          </p>
        </div>
      </div>
  </div></footer>

 
  <script src="static/js/swiper-bundle.min.js"></script>
  <script src="static/js/swiper-element-bundle.min.js"></script>
  <script src="static/js/nav.js"></script>
</body>

</html>